<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>知行</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

    <link rel="stylesheet" href="resource/css/vj-weui.css"/>
    <link rel="stylesheet" href="resource/font/iconfont.css"/>
    <link rel="stylesheet" href="resource/css/style.css"/>
</head>
<body ontouchstart>
<div class="weui-tab">
    <div class="weui-tab__panel">
        <div class="weui-body__bg_color">
            <div class="weui-header__style1">
                <h3 class='weui-header__style1__title'>推荐目的地</h3>
            </div>
            <div class="weui-flex weui-flex__col3">
                <a href="destination.html" class="weui-flex__item">
                    <div class="weui-flex__col3__style1">
                        <img src="http://m.vtrcdn.com/MBL_4.77.0.4-20180111/assets/images/top-dest/top-10-479-m.jpg">
                        <p>法国</p>
                    </div>
                </a>
                <a href="destination.html" class="weui-flex__item">
                    <div class="weui-flex__col3__style1">
                        <img src="http://m.vtrcdn.com/MBL_4.77.0.4-20180111/assets/images/top-dest/top-10-357-m.jpg">
                        <p>澳洲</p>
                    </div>
                </a>
                <a href="destination.html" class="weui-flex__item">
                    <div class="weui-flex__col3__style1">
                        <img src="http://m.vtrcdn.com/MBL_4.77.0.4-20180111/assets/images/top-dest/top-10-479-m.jpg">
                        <p>法国</p>
                    </div>
                </a>
            </div>
            <div class="weui-flex weui-flex__col3">
                <a href="destination.html" class="weui-flex__item">
                    <div class="weui-flex__col3__style1">
                        <img src="http://m.vtrcdn.com/MBL_4.77.0.4-20180111/assets/images/top-dest/top-10-479-m.jpg">
                        <p>法国</p>
                    </div>
                </a>
                <a href="destination.html" class="weui-flex__item">
                    <div class="weui-flex__col3__style1">
                        <img src="http://m.vtrcdn.com/MBL_4.77.0.4-20180111/assets/images/top-dest/top-10-479-m.jpg">
                        <p>法国</p>
                    </div>
                </a>
                <a href="destination.html" class="weui-flex__item">
                    <div class="weui-flex__col3__style1">
                        <img src="http://m.vtrcdn.com/MBL_4.77.0.4-20180111/assets/images/top-dest/top-10-479-m.jpg">
                        <p>法国</p>
                    </div>
                </a>
            </div>
            <div class="weui-flex weui-flex__col3">
                <a href="destination.html" class="weui-flex__item">
                    <div class="weui-flex__col3__style1">
                        <img src="http://m.vtrcdn.com/MBL_4.77.0.4-20180111/assets/images/top-dest/top-10-479-m.jpg">
                        <p>法国</p>
                    </div>
                </a>
                <a href="destination.html" class="weui-flex__item">
                    <div class="weui-flex__col3__style1">
                        <img src="http://m.vtrcdn.com/MBL_4.77.0.4-20180111/assets/images/top-dest/top-10-479-m.jpg">
                        <p>法国</p>
                    </div>
                </a>
                <a href="destination.html" class="weui-flex__item">
                </a>
            </div>
            <div class="weui-footer weui-footer__spacing">
                <p class="weui-footer__links">
                    <a href="destination.html" class="weui-footer__link">更多目的地 ></a>
                </p>
            </div>
        </div>

        <div class="weui-body__bg_color" style="padding-bottom:23px;">
            <div class="weui-header__style1">
                <h3 class='weui-header__style1__title'>当季热门</h3>
            </div>
            <div class="swiper-container">
                <!-- Additional required wrapper -->
                <div class="swiper-wrapper">
                    <!-- Slides -->
                    <div class="swiper-slide">
                        <div class="weui-flex weui-flex__col2">
                            <a href="single.html" class="weui-flex__item weui-flex__col2__style2 weui-flex_shadow">
                                <img src="https://z1.muscache.cn/im/pictures/571e0e7b-6867-4c44-bd91-776a5d698fae.jpg">
                                <div class="weui-flex__col2__style2__place">
                                    <span>巴黎圣母院</span>
                                </div>
                                <div class="weui-flex__col2__style2__title">
                                    <span>语音向导巴黎圣母院，优先通···</span>
                                </div>
                                <div class="weui-flex__col2__style2__price">
                                    <span>¥1400／人起</span>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="weui-flex weui-flex__col2">
                            <a href="single.html" class="weui-flex__item weui-flex__col2__style2 weui-flex_shadow">
                                <img src="https://z1.muscache.cn/im/pictures/a9860b74-816f-49d4-99ca-b6706640c09f.jpg">
                                <div class="weui-flex__col2__style2__place">
                                    <span>冲浪课 · 巴厘岛</span>
                                </div>
                                <div class="weui-flex__col2__style2__title">
                                    <span>The Surf Champion</span>
                                </div>
                                <div class="weui-flex__col2__style2__price">
                                    <span>每人￥51</span>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="weui-flex weui-flex__col2">
                            <a href="single.html" class="weui-flex__item weui-flex__col2__style2 weui-flex_shadow">
                                <img src="https://z1.muscache.cn/im/pictures/a9860b74-816f-49d4-99ca-b6706640c09f.jpg">
                                <div class="weui-flex__col2__style2__place">
                                    <span>冲浪课 · 巴厘岛</span>
                                </div>
                                <div class="weui-flex__col2__style2__title">
                                    <span>The Surf Champion</span>
                                </div>
                                <div class="weui-flex__col2__style2__price">
                                    <span>每人￥51</span>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="weui-body__bg_color">
            <div class="weui-header__style1">
                <h3 class='weui-header__style1__title'>一日游</h3>
            </div>
            <div class="weui-flex weui-flex__col2" style="position: relative">
                <div class="weui-flex weui-flex__col2">
                    <a href="single.html" class="weui-flex__item weui-flex__col2__style2">
                        <img src="https://z1.muscache.cn/im/pictures/571e0e7b-6867-4c44-bd91-776a5d698fae.jpg">
                        <div class="weui-flex__col2__style2__title">
                                <span>冰岛1天1晚北极巡游，登上邮轮聆听极地乐章看看极光，显示两行
                                冰岛1天1晚北极巡游，登上邮轮聆听极地乐章看看极光，显示两行</span>
                        </div>
                        <div class="weui-flex__col2__style2__desc">
                                <span>尽享冰岛风光（描述团文案，显示一行
                                尽享冰岛风光（描述团文案，显示一行）</span>
                        </div>
                        <div class="weui-flex__col2__style2__place">
                            <span class="weui-flex__col2__style2__label">2人出团</span>
                            <span class="weui-flex__col2__style2__label">广州出发</span>
                            <div style="clear: both;"></div>
                        </div>
                        <div class="weui-flex__col2__style2__price">
                            <span>¥1400／人起</span>
                        </div>
                    </a>
                    <div class="weui-flex__col2__top_img">
                        <img src="https://z1.muscache.cn/im/pictures/571e0e7b-6867-4c44-bd91-776a5d698fae.jpg">
                    </div>
                </div>
            </div>
            <div class="weui-flex weui-flex__col2" style="position: relative">
                <div class="weui-flex weui-flex__col2">
                    <a href="single.html" class="weui-flex__item weui-flex__col2__style2">
                        <img src="https://z1.muscache.cn/im/pictures/571e0e7b-6867-4c44-bd91-776a5d698fae.jpg">
                        <div class="weui-flex__col2__style2__title">
                                <span>冰岛1天1晚北极巡游，登上邮轮聆听极地乐章看看极光，显示两行
                                冰岛1天1晚北极巡游，登上邮轮聆听极地乐章看看极光，显示两行</span>
                        </div>
                        <div class="weui-flex__col2__style2__desc">
                                <span>尽享冰岛风光（描述团文案，显示一行
                                尽享冰岛风光（描述团文案，显示一行）</span>
                        </div>
                        <div class="weui-flex__col2__style2__place">
                            <span class="weui-flex__col2__style2__label">2人出团</span>
                            <span class="weui-flex__col2__style2__label">广州出发</span>
                            <div style="clear: both;"></div>
                        </div>
                        <div class="weui-flex__col2__style2__price">
                            <span>¥1400／人起</span>
                        </div>
                    </a>
                    <div class="weui-flex__col2__top_img">
                        <img src="https://z1.muscache.cn/im/pictures/571e0e7b-6867-4c44-bd91-776a5d698fae.jpg">
                    </div>
                </div>
            </div>
        </div>

        <div class="weui-tabbar">
            <a href="javascript:;" class="weui-tabbar__item weui-bar__item--on">
                <div class="weui-tabbar__icon">
                    <i class="iconfont icon-zhixing"></i>
                </div>
                <p class="weui-tabbar__label">知行</p>
            </a>
            <a href="line_index.html" class="weui-tabbar__item">
                <div class="weui-tabbar__icon">
                    <i class="iconfont icon-xianlu"></i>
                </div>
                <p class="weui-tabbar__label">线路</p>
            </a>
            <a href="insurance.html" class="weui-tabbar__item">
                <div class="weui-tabbar__icon">
                    <i class="iconfont icon-baoxianxiaoshou1"></i>
                </div>
                <p class="weui-tabbar__label">保险</p>
            </a>
            <a href="me.html" class="weui-tabbar__item">
                <div class="weui-tabbar__icon">
                    <i class="iconfont icon-account"></i>
                </div>
                <p class="weui-tabbar__label">我</p>
            </a>
        </div>
    </div>
</div>
</body>
</html>

<script src="resource/js/zepto.js"></script>
<script src="resource/js/fastclick.js"></script>
<script src="resource/js/common.js"></script>
<script src="resource/js/vj-weui.js"></script>
<script src="resource/js/swiper.js"></script>
<script>
    $(".swiper-container").swiper({
        slidesPerView: 2.3,
        loopedSlides: 8
    });
</script>
